<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // arr.filter()  filter筛选，过滤的意思
        // 作用：创建一个新的数组，新数组的元素是通过筛选后的元素（满足筛选的条件）

        // 参数
        // arr.filter 接收一个函数，函数接收两个参数
        // ==> 第一个参数  正在处理的元素
        // ==> 第二个参数  索引号（可选）

        // 返回值：由满足条件的元素组成的新数组

        // 注意：这个函数里面一般要写return，看是否满足条件 返回true/false
        // ==> true 表示满足筛选条件，把这个元素放到新数组中
        // 不会改变原数组

        const arr = [10, 20, 30, 5, 60, 2]
        // >= 20
        const res = arr.filter(el => el >= 20)
        console.log(res)
        const res1 = arr.filter(el => el < 20)
        console.log(res1)
        console.log(arr)

        // 1. filter过滤  得到一个新的数组，元素的个数一般会减少
        const resFilter = arr.filter(el => el > 30)
        console.log(resFilter)
        // 2. map映射 一对一  [1, 2, 3] ===> [a, b, c]
        const resMap = arr.map(el => el + 6)
        console.log(resMap)

        // map 和filter 都返回了一个新数组， forEach不会
    </script>
</body>

</html>